<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>1060官网</title>
    <link rel="stylesheet" href="./style/iconfont.css">
    <link rel="stylesheet" href="./common/index.css">
    <link rel="stylesheet" href="./style/common.css">
    <link rel="stylesheet" href="./style/index.css">
</head>
<body>
<header class="p-l-100 p-r-100">
    <div class="font-0 flex-col-center logo">
        <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FiApHDI6JqKO5GdEDG0MMw7Pw-yQ" alt="">
    </div>
    <nav id="nav" class="font-18">
        <div class="active">
            <a href="index.html">首页</a>
        </div>
        <div>
            <a href="#">關於中港通</a>
            <div class="font-15">
                <a href="./pages/index/develop.html">企业发展</a>
                <a href="./pages/index/thought.html">使命思想</a>
                <a href="./pages/index/strategy.html">关于中港通</a>
                <a href="./pages/index/culture.html">牌照</a>
            </div>
        </div>
        <div>
            <a href="./pages/brand/index.html">旗下品牌</a>
        </div>
        <div>
            <a href="#">主要業務</a>
            <div class="font-15">
                <a href="./pages/strength/R-and-D.html">港股交易</a>
                <a href="./pages/strength/qualifications.html">资质专利</a>
                <a href="./pages/strength/market.html">配售</a>
                <a href="./pages/strength/cooperation.html">香港投資移民（CIES）</a>
            </div>
        </div>
        <div>
            <a href="#">集团动态</a>
            <div class="font-15">
                <a href="./pages/trends/business.html">集团事业</a>
                <a href="./pages/trends/member.html">集团领导</a>
            </div>
        </div>
        <div>
            <a href="#">客戶專區</a>
            <div class="font-15">
                <a href="./pages/news/index.html">开户</a>
                <a href="./pages/news/party-building.html">港股交易收費表</a>
                <a href="./pages/news/video.html">資金存取</a>
            </div>
        </div>
        <div>
            <a href="./pages/investor/index.html">投资者关系</a>
        </div>
        <div>
            <a href="#">联系我们</a>
            <div class="font-15">
                <a href="./pages/contact/contact-us.html">联系方式</a>
                <a href="./pages/contact/feedback.html">意见反馈</a>
            </div>
        </div>
    </nav>
    <div class="language">
        <div class="no-select">
            <div class="font-18">
                <span>简体中文</span>
            </div>
            <ul class="lang_list font-15">
            </ul>
        </div>
    </div>
</header>
<main class="p-l-100 p-r-100">
    <div class="banner flex-row-bw">
        <div class="banner-content flex-col-center font-20">
            <p>       </p>
            <h1 class="font-40">連接中港，邁向國際</h1>
            <p class="color-666">共創投資新機遇</p>
            <p class="color-666"> </p>
        </div>
        <div class="banner-bg">
            <img src="http://sitjhwm8c.hb-bkt.clouddn.com/Fnq1n3qQBkEZL6xOk_ANe5XIqYMh" alt="">
        </div>
    </div>
    <div class="desc flex bg-fff b-r-10">
        <div class="flex-1 flex-row-center  p-t-40 p-b-40">
            <div class="desc-icon">
                <img src="https://cdn.55mao.com/FsC7endVSyy-EqOSmDuduECjaLMY" alt="">
            </div>
            <div class="desc-content p-l-30">
                <h3>專業交易平台</h3>
                <p class="color-666 p-t-10 font-15">即時行情、快速下單</p>
            </div>
        </div>
        <div class="flex-1 flex-row-center  p-t-40 p-b-40">
            <div class="desc-icon">
                <img src="https://cdn.55mao.com/FrHJDvX_tE-GKZPq27wYXbrMuob8" alt="">
            </div>
            <div class="desc-content p-l-30">
                <h3>客戶至上的服務</h3>
                <p class="color-666 p-t-10 font-15">專業服務團隊，隨時解答</p>
            </div>
        </div>
        <div class="flex-1 flex-row-center  p-t-40 p-b-40">
            <div class="desc-icon">
                <img src="https://cdn.55mao.com/FuCl6IeLDWK3pUBK7tU3yC56bAlY" alt="">
            </div>
            <div class="desc-content p-l-30">
                <h3>高效交易執行</h3>
                <p class="color-666 p-t-10 font-15">系统稳定，確保交易的準確性和及時性</p>
            </div>
        </div>
        <div class="flex-1 flex-row-center  p-t-40 p-b-40">
            <div class="desc-icon">
                <img src="https://cdn.55mao.com/FnHKRSZ3Dp5h3OOmoKYGpPgyOY2i" alt="">
            </div>
            <div class="desc-content p-l-30">
                <h3>多元化投資選擇</h3>
                <p class="color-666 p-t-10 font-15">多種港股投資產品，多元投资组合</p>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="title flex-col-center flex-align-item-center p-20  m-t-100">
            <h1 class="font-30">關於中港通</h1>
            <p>ABOUT CHINA- HONG KONG CONNECT</p>
        </div>
        <div>
            <div style="color: #666666; margin-top: 40px; line-height: 40px; font-size: 14px; text-align: center;" data-v-3ee77024="">
<p>中港通國際證券有限公司（下稱&ldquo;本公司&rdquo;）成立於 2016 年，是一家在香港註冊的有限公司。自 2017 年起，本公司取得香港證券及期貨事務監察委員會的牌照，</p>
<p>獲准進行第一類（證券交易）受規管活動。此外，本公司亦取得香港聯合交易所的交易所參與者及直接結算參與者牌照。</p>
<p>中港通國際證券有限公司致力於為客戶提供優質及專業的金融服務，憑藉我們的專業團隊和豐富經驗，為客戶在中港兩地以及國際市場上創造更多投資機遇。</p>
<p>我們堅信，通過連接中港市場並拓展國際視野，能夠更好地滿足客戶的需求，實現共同的財富增長和長期成功。</p>
</div>
<div style="margin-top: 40px;" data-v-3ee77024=""><img class="wscnph" style="display: block; margin-left: auto; margin-right: auto;" src="http://sitjhwm8c.hb-bkt.clouddn.com/FnMfQ6AwLQUUDEiuYaesEv00X6t1" /></div>
        </div>
    </div>
    <div class="brand">
        <div class="title flex-col-center flex-align-item-center p-20 m-t-100 m-b-40">
            <h1 class="font-30">旗下品牌</h1>
            <p>ITS BRANDS</p>
        </div>
        <div class="flex brand-content">
<!--            <div class="flex-1">-->
<!--                <img class="w-100" src="./image/index/brand-01.png" alt="">-->
<!--                <div class="flex-center flex-col-center">-->
<!--                    <h5 class="font-20">益参祥</h5>-->
<!--                    <p class="font-15 color-666 p-t-20 wrap-2">-->
<!--                        描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案</p>-->
<!--                    <div class="m-t-20">MORE</div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="flex-1">-->
<!--                <img class="w-100" src="./image/index/brand-02.png" alt="">-->
<!--                <div class="flex-center flex-col-center">-->
<!--                    <h5 class="font-20">保参利</h5>-->
<!--                    <p class="font-15 color-666 p-t-20 wrap-2">初创于2023年，是一个传统和创新结合的新兴品牌，-->
<!--                        集团致力于林业业务和人参种植等业务，作为新入市的品牌， 保参利将从您生活的方方面面呵护您的健康。</p>-->
<!--                    <div class="m-t-20">MORE</div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="flex-1">-->
<!--                <img class="w-100" src="./image/index/brand-03.png" alt="">-->
<!--                <div class="flex-center flex-col-center">-->
<!--                    <h5 class="font-20">圳友</h5>-->
<!--                    <p class="font-15 color-666 p-t-20 wrap-2">-->
<!--                        描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案描述文案</p>-->
<!--                    <div class="m-t-20">MORE</div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <div class="culture">
        <div class="title flex-col-center flex-align-item-center p-20 m-t-100">
            <h1 class="font-30">企业公告</h1>
            <p>CORPORTE CULTURE</p>
        </div>
        <div class="flex culture-content m-t-30">
<!--            <div class="bg-fff flex-1 flex-col m-r-40 p-40" >-->
<!--                <div class="flex border-bottom p-b-30 m-t-20">-->
<!--                    <div class="border flex-col flex-center p-20">-->
<!--                        <span class="font-30" style="color: #00AB16;">24</span>-->
<!--                        <span class="color-666">2024-06</span>-->
<!--                    </div>-->
<!--                    <div class="flex-col-center p-l-20">-->
<!--                        <h4 class="font-20">月报表</h4>-->
<!--                        <span class="color-333 p-t-10">——中国健康</span>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">-->
<!--                    <p>香港交易所 股份發行人及根據《上市規則》第十九B章上市的香港預託證券發行人的證券變動月報表。</p>-->
<!--                </div>-->
<!--                <div class="flex-align-item-center flex-row-end m-t-30">-->
<!--                    <span style="color: #00AB16;">MORE</span>-->
<!--                    <img width="26" height="26" src="./image/index/right-icon.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="bg-fff flex-1 flex-col m-r-40 p-40">-->
<!--                <div class="flex border-bottom p-b-30 m-t-20">-->
<!--                    <div class="border flex-col flex-center p-20">-->
<!--                        <span class="font-30" style="color: #00AB16;">24</span>-->
<!--                        <span class="color-666">2024-05</span>-->
<!--                    </div>-->
<!--                    <div class="flex-1 flex-col-center p-l-20">-->
<!--                        <h4 class="font-20">公告及通告 - [配售 / 根據一般性授權發行股份]澄清公告</h4>-->
<!--                        <span class="color-333 p-t-10">——中国健康</span>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">-->
<!--                    <p>茲提述中國健康科技集團控股有限公司(「本公司」)日期為二零二四年五月-->
<!--                        二十八日有關根據一般授權配售新股份的公告(「該公告」)。除另有界定外，本公-->
<!--                        告所用詞彙與該公告所界定者具有相同涵義。 </p>-->
<!--                </div>-->
<!--                <div class="flex-align-item-center flex-row-end m-t-30">-->
<!--                    <span style="color: #00AB16;">MORE</span>-->
<!--                    <img width="26" height="26" src="./image/index/right-icon.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="bg-fff flex-1 flex-col p-40">-->
<!--                <div class="flex border-bottom p-b-30 m-t-20">-->
<!--                    <div class="border flex-col flex-center p-20">-->
<!--                        <span class="font-30" style="color: #00AB16;">24</span>-->
<!--                        <span class="color-666">2024-05</span>-->
<!--                    </div>-->
<!--                    <div class="flex-1 flex-col-center p-l-20">-->
<!--                        <h4 class="font-20">公告及通告 - [配售 / 根據一般性授權發行股份] </h4>-->
<!--                        <span class="color-333 p-t-10">——中国健康</span>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">-->
<!--                    <p>於二零二四年五月二十八日(交易時段後)，本公司與配售代理訂立配售協議，-->
<!--                        據此，本公司已有條件同意透過配售代理按盡力基準，以配售價每股配售股份0.063-->
<!--                        港元配售合共最多143,000,000股配售股份予不少於六名承配人，而該等承配人-->
<!--                        及其實益擁有人均為獨立第三方。</p>-->
<!--                </div>-->
<!--                <div class="flex-align-item-center flex-row-end m-t-30">-->
<!--                    <span style="color: #00AB16;">MORE</span>-->
<!--                    <img width="26" height="26" src="./image/index/right-icon.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <div class="news">
        <div class="title flex-col-center flex-align-item-center p-20 m-t-100">
            <h1 class="font-30">新闻资讯</h1>
            <p>BUSINESS NEWS</p>
        </div>
        <div class="news-content flex p-b-40 m-t-30">
<!--            <div class="flex-1 flex-col m-r-20">-->
<!--                <div>-->
<!--                    <img src="./image/index/news-01.png" width="100%" alt="">-->
<!--                </div>-->
<!--                <div class="flex-1 p-t-30 flex-col">-->
<!--                    <h4 class="font-20 wrap-1">与斯库拉签订战略合作备忘录</h4>-->
<!--                    <p class="flex-1 color-666 p-t-20 font-15 wrap-2">-->
<!--                        本公司与福建宁德斯库拉科技有限公司订立不具法律效力及约束力的战略合作备忘录，根据战略合作备忘录，双方同意合作共同发展有关人参萃取…</p>-->
<!--                    <p class="color-666 font-15 m-t-20">2024-05-16</p>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="flex-1 flex-col m-r-20">-->
<!--                <div>-->
<!--                    <img src="./image/index/news-02.png" width="100%" alt="">-->
<!--                </div>-->
<!--                <div class="flex-1 p-t-30 flex-col">-->
<!--                    <h4 class="font-20 wrap-1">中国宝沙发展正式改名为“中国健康”</h4>-->
<!--                    <p class="flex-1 color-666 p-t-20 font-15 wrap-2">-->
<!--                        中国宝沙发展控股在获得开曼群岛公司注册处颁发的公司注册证书后，正式更名为中国健康科技集团控股有限公司。自2024年1月4日起，简称从宝沙发展…</p>-->
<!--                    <p class="color-666 font-15 m-t-20">2024-01-14</p>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="flex-1 flex-col m-r-20">-->
<!--                <div>-->
<!--                    <img src="./image/index/news-03.png" width="100%" alt="">-->
<!--                </div>-->
<!--                <div class="flex-1 p-t-30 flex-col">-->
<!--                    <h4 class="font-20 wrap-1">深入学习贯彻习近平新时代中国特色</h4>-->
<!--                    <p class="flex-1 color-666 p-t-20 font-15 wrap-2">-->
<!--                        高质量发展是新时代的硬道理，需要新的生产力理论来指导。习近平总书记在中共中央政治局第十一次集体学习时强调：“发展新质生产力是推动高质量发展的</p>-->
<!--                    <p class="color-666 font-15 m-t-20">2024-04-12</p>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="flex-1 flex-col">-->
<!--                <div>-->
<!--                    <img src="./image/index/news-04.png" width="100%" alt="">-->
<!--                </div>-->
<!--                <div class="flex-1 p-t-30 flex-col">-->
<!--                    <h4 class="font-20 wrap-1">资讯新闻标题</h4>-->
<!--                    <p class="flex-1 color-666 p-t-20 font-15 wrap-2">-->
<!--                        资讯文本资讯文本资讯文本资讯文本资讯文本资讯文本资讯文本资讯文本资讯文本资讯文本</p>-->
<!--                    <p class="color-666 font-15 m-t-20">2024-01-13</p>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <div class="cooperation p-b-100">
        <div class="title flex-col-center flex-align-item-center p-20 m-t-100">
            <h1 class="font-30">合作伙伴</h1>
            <p>PARTNERS</p>
        </div>
        <div class="cooperation-content flex-wrap p-b-40 m-t-30">
            <div class="m-r-40 border">
                <img src="http://cdn.55mao.com/FuY5YPGX6u34RMoqOego6EmET2Ao" width="100%" alt="">
            </div>
            <div class="m-r-40 border">
                <img src="http://cdn.55mao.com/Fra6QNZzjgcHmy8iOKEbE71xszUD" width="100%" alt="">
            </div>
            <div class="m-r-40 border">
                <img src="http://cdn.55mao.com/FiHlLeS6aEjZ-BQjXyNA9byq4siV" width="100%" alt="">
            </div>
            <div class="border">
                <img src="http://cdn.55mao.com/Fqp1UuBcbagG3rZ6uNSKQtHU0F4k" width="100%" alt="">
            </div>
            <!--            <div class="m-r-40 m-t-20 border">-->
            <!--                <img src="./image/index/a-05.png" width="100%" alt="">-->
            <!--            </div>-->
            <!--            <div class="m-r-40 m-t-20 border">-->
            <!--                <img src="./image/index/a-06.png" width="100%" alt="">-->
            <!--            </div>-->
            <!--            <div class="m-r-40 m-t-20 border">-->
            <!--                <img src="./image/index/a-07.png" width="100%" alt="">-->
            <!--            </div>-->
            <!--            <div class="border m-t-20">-->
            <!--                <img src="./image/index/a-08.png" width="100%" alt="">-->
            <!--            </div>-->
        </div>
    </div>
</main>
<footer class="p-l-100 p-r-100">
    <div class="flex">
        <div class="flex-1 link">
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/Fov__NAFlvR8W0uLV-iYhAyvD3ru" alt="">
            </div>
            <div><div style="display: flex; margin-top: 50px; margin-bottom: 20px;" data-v-72d94ebe="">
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">公司介绍</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业发展</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">使命思想</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">蓝海战略</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业文化</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">旗下品牌</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">保参利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">益参祥</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">圳友</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">新闻公告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">党建工作</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">视频中心</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">集团动态</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团事业</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团领导</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">媒体报道</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">企业资讯</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">研发中心</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">资质专利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">全球市场</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">合作伙伴</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">最新报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">定期报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">公司治理</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">机构报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者教育</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">联系我们</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">人才招聘</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">联系方式</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="http://www.baidu.com" data-v-72d94ebe="">意见反馈</a></div>
</div></div>
<!--            <div>-->
<!--                <div>-->
<!--                    <img src="./image/wx.png" alt="">-->
<!--                    <img src="./image/qq.png" alt="">-->
<!--                    <img src="./image/weibo.png" alt="">-->
<!--                    <img src="./image/douyin.png" alt="">-->
<!--                </div>-->
<!--                <p>© 2023 VICO CO., LTD</p>-->
<!--            </div>-->
        </div>
        <div class="contact hide">
            <div>
                <p>聯絡電郵/E-mail</p>
                <p>cs@cktsec.com.hk</p>
<!--                <p>招聘/Recruitment</p>-->
<!--                <p>35906506</p>-->
                <p>總部地址/Address</p>
                <p>香港干諾道中 168-200 號信德中心西翼 2808-09 室</p>
            </div>
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FulG3smeE2Ssj72Oa4Ci9fLt1fR4" alt="">
            </div>
        </div>
    </div>
</footer>
</body>
<script src="./common/jquery.js"></script>
<script>
    $(function () {

        $(window).on('scroll', function () {
            $('header').css('background', 'rgba(255, 255, 255,' + $(window).scrollTop() / 100 + ')');
        });

        $.get(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/sys/module/getHomePageDate`, {}, (res)=> {
            if(res.code === 0){
                renderingBrand(res.data.brand)
                renderingNews(res.data.news)
                renderingNotice(res.data.notice)
            }
        });

	$.post(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/tb/website/visitsRecord/add`, {}, (res)=> {
            if(res.code === 0){
                renderingBrand(res.data.brand)
                renderingNews(res.data.news)
                renderingNotice(res.data.notice)
            }
        });

        function renderingBrand(list) {
            list.forEach(item => {
                $('.brand-content').append(
                    `<div class="flex-1">
                        <img class="w-100" src="${ item.coverPicture }" alt="">
                        <div class="flex-center flex-col-center">
                            <h5 class="font-20">${ item.title }</h5>
                            <p class="font-15 color-666 p-t-20 wrap-2">${ item.description }</p>
                            <div class="m-t-20" onclick="window.location.href = './pages/details/index.html?id=${ item.id }'">MORE</div>
                        </div>
                    </div>`
                );
            });
        }

        function renderingNews(list) {
            list.forEach(item => {
                $('.news-content').append(
                    `<div class="flex-1 flex-col m-r-20" onclick="window.location.href = './pages/details/index.html?id=${ item.id }'">
                        <div>
                            <img src="${ item.coverPicture }" width="100%" alt="">
                        </div>
                        <div class="flex-1 p-t-30 flex-col">
                            <h4 class="font-20 wrap-1">${ item.title }</h4>
                            <p class="flex-1 color-666 p-t-20 font-15 wrap-2">${ item.description }</p>
                            <p class="color-666 font-15 m-t-20">${ item.createDate }</p>
                        </div>
                    </div>`
                );
            });
        }

        function renderingNotice(list) {
            list.forEach(item => {
                $('.culture-content').append(
                    `<div class="bg-fff flex-1 flex-col m-r-40 p-40" >
                        <div class="flex border-bottom p-b-30 m-t-20">
                            <div class="border flex-col flex-center p-20">
                                <span class="font-30" style="color: #00AB16;">${ item.day }</span>
                                <span class="color-666">${ item.year }-${ item.month }</span>
                            </div>
                            <div class="flex-1 flex-col-center p-l-20">
                                <h4 class="font-20">${ item.title }</h4>
                                <span class="color-333 p-t-10">——${ item.nickName }</span>
                            </div>
                        </div>
                        <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">
                            <p>${ item.description }</p>
                        </div>
                        <div class="flex-align-item-center flex-row-end m-t-30">
                            <span style="color: #00AB16;" onclick="window.location.href = './pages/details/index.html?id=${ item.id }'" >MORE</span>
                            <img width="26" height="26" src="./image/index/right-icon.png" alt="">
                        </div>
                    </div>`
                );
            });
        }

        $('nav > div').hover(function () {
            $(this).children('div').toggle();
        });
        let data = {
            data: [
            {
                name: "简体中文",
                marks: "zh",
            },
            {
                name: "英语",
                marks: "en",
            },
            {
                name: "德语",
                marks: "de",
            },
            {
                name: "葡萄牙语",
                marks: "pt",
            },
            {
                name: "西班牙语",
                marks: "es",
            },
            {
                name: "丹麦语",
                marks: "da",
            },
            {
                name: "法语",
                marks: "fr",
            },
            {
                name: "挪威语",
                marks: "nb-NO",
            },
            {
                name: "繁体中文",
                marks: "zh-TW",
            },
            {
                name: "意大利语",
                marks: "it",
            },
            {
                name: "韩语",
                marks: "ko",
            },
            {
                name: "日语",
                marks: "ja",
            },
            {
                name: "荷兰语",
                marks: "nl",
            },
            {
                name: "越南语",
                marks: "vi",
            },
            {
                name: "俄语",
                marks: "ru-RU",
            },
            {
                name: "土耳其语",
                marks: "tr-TR",
            },
            {
                name: "巴西葡萄牙语",
                marks: "pt-br",
            },
            {
                name: "波斯语",
                marks: "fa",
            },
            {
                name: "泰语",
                marks: "th",
            },
            {
                name: "印尼语",
                marks: "id",
            },
            {
                name: "保加利亚语",
                marks: "bg",
            },
            {
                name: "波兰语",
                marks: "pl",
            },
            {
                name: "芬兰语",
                marks: "fi",
            },
            {
                name: "瑞典语",
                marks: "sv-SE",
            },
            {
                name: "希腊语",
                marks: "el",
            },
            {
                name: "斯洛伐克语",
                marks: "sk",
            },
            {
                name: "加泰罗尼亚语",
                marks: "ca",
            },
            {
                name: "捷克语",
                marks: "cs-CZ",
            },
            {
                name: "乌克兰语",
                marks: "ua",
            },
            {
                name: "土库曼语",
                marks: "tk",
            },
            {
                name: "泰米尔语",
                marks: "ta",
            },
            {
                name: "拉脱维亚语",
                marks: "lv",
            },
            {
                name: "南非荷兰语",
                marks: "af-ZA",
            },
            {
                name: "爱沙尼亚语",
                marks: "ee",
            },
            {
                name: "斯洛文尼亚语",
                marks: "sl",
            },
            {
                name: "阿拉伯语",
                marks: "ar",
            },
            {
                name: "希伯来语",
                marks: "he",
            },
            {
                name: "立陶宛语",
                marks: "lt",
            },
            {
                name: "蒙古语",
                marks: "mn",
            },
            {
                name: "哈萨克斯坦语",
                marks: "kz",
            },
            {
                name: "匈牙利语",
                marks: "hu",
            },
            {
                name: "罗马尼亚语",
                marks: "ro",
            },
            {
                name: "库尔德语",
                marks: "ku",
            },
            {
                name: "维吾尔语",
                marks: "ug-CN",
            },
            {
                name: "高棉语",
                marks: "km",
            },
            {
                name: "塞尔维亚语",
                marks: "sr",
            },
            {
                name: "巴斯克语",
                marks: "eu",
            },
            {
                name: "吉尔吉斯语",
                marks: "kg",
            },
            {
                name: "亚美尼亚语",
                marks: "hy",
            },
            {
                name: "克罗地亚",
                marks: "hr",
            },
            {
                name: "世界语",
                marks: "eo",
            },
            ],
        };
        data.data.forEach(item=>{
            let newLi = `<li data-name="${item.marks}">${item.name}</li>`;
            $('.lang_list').append(newLi)
        })
        $('.lang_list').on('click', 'li', function () {
            renderSelectedLanguage($(this).text());
            $(this).parent().toggle();
        });

        function renderSelectedLanguage(languageName) {
            $('.no-select span').text(languageName);
        }

        $('.language > div').on('click', 'div', function () {
            $(this).siblings().toggle();
        });

    });
</script>
</html>
